<template>
	<view class="docTemplateListActiveContent">
		<view class="upper">
			<CommonNavBar title="制作文书"   ></CommonNavBar>
		</view>
		<view class="centre" v-html="content">
			
		</view>
	</view>
</template>

<script>
	import CommonNavBar from '@/components/CommonNavBar.vue'
	export default {
		components: {
				CommonNavBar
		},
		data() {
			return { 
				content:'',
				id: null
			}
		},
		onLoad(options) { 
			this.title = options.title
			this.initData(options.id);
		}, 
		methods: {
			goBack() {
				uni.navigateBack();
			},
			async initData(id ){
				let  res = await uni.$api.getDocTemplateInfo({
					templateId : id
				});
				this.content = res.data.data; 
			}
		},
		watch: {
			
		},
	}
</script>

<style lang="scss">
	.docTemplateListActiveContent {
		background: #F9F9F9;
		height: calc(100vh - 195rpx);

		.upper {
			position: fixed;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100%;

			.title {
				background: url('../../static/img/inspectBg.png');
				background-size: cover;
				width: 100%;
				height: 115rpx;
				line-height: 115rpx;
				position: relative;
				display: flex;
				justify-content: center;

				.arrow {
					position: absolute;
					left: 33rpx;
					top: 50%;
					transform: translate(0%, -50%);
					width: 100rpx;
					height: 100rpx;
					 
					&::before {
						display: block;
						content: "";
						position: absolute;
						top: 50%;
						left: 0%;
						width: 20rpx;
						height: 20rpx;
						border-left: 1px solid #fff;
						border-top: 1px solid #fff;
						transform: translate(0%, -50%) rotate(-45deg);
					}
				}

				text {
					font-size: 30rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					letter-spacing: 1px;
				}
			}
		}

		.centre {
			margin: 115rpx 0 0 0;
			padding: 50rpx 17.5rpx 0 17.5rpx;
			height: calc(100vh - 165rpx);
			overflow-x: hidden;
			display: flex;
			flex-direction: column;
			
			
		}
	}
</style>